<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title><%=page_title%> | XCerpt Reference Management</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" media="screen" type="text/css"
	href="/css/general.css" />
<link rel="stylesheet" media="screen" type="text/css"
	href="/css/header.css" />
<link rel="stylesheet" media="screen" type="text/css"
	href="/css/content.css" />
<link rel="stylesheet" media="screen" type="text/css"
	href="/css/footer.css" />
<link rel="stylesheet" media="screen" type="text/css"
	href="/css/form.css" />
	<link rel="stylesheet" media="screen" type="text/css" href="/css/search.css" />

<%	for(String title : jstitle) { %>
<script type="text/javascript" src="/js/<%=title%>.js"></script>
<% } %>
<script type="text/javascript" src="/js/ajax.js"></script>

<script type="text/javascript">
	function initSite() {
	<%=onloadjsfunction%>
	resizeToScreen();
	drawCanvas();
	<% if (request.getRequestURI().contains("collaboration/show.jsp")) { %>
	orderby('title', 'show_references=library');
	<% } %>

	

	};
	function resizeToScreen(){
		if(document.body.clientWidth < 1025){
			document.getElementById("Content").style.width = document.body.clientWidth+"px";
			document.getElementById("Content").style.minWidth = "1024px";
			document.getElementById("HeaderCenter").style.width = document.body.clientWidth+"px";
			document.getElementById("Header").style.minWidth = document.body.clientWidth+"px";
			document.getElementById("Content").style.backgroundImage = "none";
			document.getElementById("HeaderLeft").style.display = "none";
			document.getElementById("HeaderRight").style.display = "none";
			document.getElementById("FooterLeft").style.display = "none";
			document.getElementById("FooterRight").style.display = "none";
			document.getElementById("Wrapper").style.paddingTop = "0px";
		}
	};

</script>

</head>
<body onload="initSite()">
	<div id="Wrapper" class="clearfix" <%if (!show_navigation) {%>
		style="padding-top: 30px;" <%}%>>
		<div id="Header" class="clearfix">
			<div id="HeaderLeft"></div>
			<div id="HeaderCenter" class="clearfix" <%if (show_navigation) {%>
				style="border-top: 4px solid #444444;	height:71px;" <%}%>>
				<%
					if (show_navigation) {
				%>
				<div id="LogoSmall">
					<a href="/index.jsp"><canvas id="HomeLogo" width="125"
							height="50"> </canvas></a>
				</div>
				<div id="Navigation" class="clearfix">
					<ul>
						<li class="navShare"><a href="/collaboration/invite.jsp">share</a></li>
						<% if (sessiondata.collaboration_is_editable){ %><li class="navEdit"><a href="/collaboration/edit.jsp">edit</a></li>
						<li class="navExport"><a href="/collaboration/export.jsp">export</a></li><% } %>
						<li class="navImport"><a
							href="/collaboration/reference/import.jsp">import</a></li>
						<li class="home"><a href="/collaboration/show.jsp"><img src="/img/header/home_icon.png" /></a></li>
					</ul>
				</div>
				<div class="HeaderShadow"></div>

				<%
					}
				%>
			</div>
			<div id="HeaderRight"></div>
		</div>
